a.Accueil{
    color: rgb(0, 0, 0);
}

img{
    height: 130px;
    border-radius: 15px;
    box-shadow: 0 0 8px 8px rgba(255, 196, 0, 0.527) inset;
}
.Qtimer1 {
    width: 100%;
    height: auto;
    text-align: right;
}
.Qtimer1 img{
    vertical-align: top;
    height: 30px;
    width: 40px;
}
li{
    color: rgb(0, 0, 0);
}
a.info1{
    color: rgb(0, 0, 0);
}

a{
    color: rgb(0, 0, 0);
    font-weight: bold;
    
}

p, h1{
    color: rgb(0, 0, 0);
  }

h2,h3,h4{
    color: rgb(0, 0, 0);
}


div#headbox {
    border-radius: 15px;
    background-color:  rgba(255, 196, 0, 0.521);
    width: auto;
   height: 100%;
}

div#headbox div{
    display: inline-block;
    vertical-align: top;

}

.img1 {
    margin-left: 45px;
    width: 16%;
}
.img1 img{
    height: 170px;
    width: 180px;
}
.img2{
    
    margin-left: 16%;

}

.img2 img{

    height: 120px;
    width: 600px;
    
}

  
.titrenav{
    
    height: auto;
    width: 80%;
}
.titrenav div{
    display: inline-block;
}

.nav{
    height: auto;
    width: auto;
    margin-left: 50%;
    margin-bottom: 0.1%;
   
}
.verticalnav{
    border-right: 2px solid #000000b7;
    display: inline-block;
    height: 16px;
    margin: 0 15px;
}

.nav li.btna{
    display: inline-block;
    list-style-type: none ;
}
.nav li.btnaf{
    margin: 0%;
    display: inline-block;
    list-style-type: none ;
}

.btna a, g{

    font-family: Baskerville Old Face;
    color: #000000;
    font-size: 18px;
}
.btnaf a, g{

    font-family: Baskerville Old Face;
    color: #000000;
    font-size: 18px;
}



body{
    overflow-x: hidden;
    overflow-y: auto;
    background-color: white

}

li{
    color: rgb(0, 0, 0);
}
a.info1{
    color: rgb(0, 0, 0);
}

p, h1{
    color: rgb(0, 0, 0);
  }

h2,h3,h4{
    color: rgb(0, 0, 0);
}



footer {
    width: auto;
}

div#footbox div.foot{
    border-radius: 10px;
    color: rgb(255, 255, 255);
    background-color: rgba(255, 196, 0, 0.521);
    width: auto;
    height: 40px;
    text-align:right;
    font-family: Times New Roman;
}







/* Page Questionnaire Debut questionnaire   */

/* QRES */



.head8{
    color: rgb(0, 0, 0);
    width: 80%;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    font-family: Baskerville Old Face;

}

div#QRESinfobox1 {
    margin-top: 2%;
    width: 100%;
    background-color: rgb(255, 255, 255);
    border-top-left-radius: 15px ;
    border-top-right-radius: 15px ;
}

div#QRESinfobox1 div {
    display: inline-block;
    font-family: Arial;
    font-size: 18px;
}
div#QRESinfobox1 div.QRESinfo1{
    width: 90%;
    height: 48px;
    text-align: justify;
    margin-top: 4px;
    margin-left: 100px;
    font-family: Arial;
    font-size: 22px;
}
div#QRESinfobox2 {
    margin-top: 4%;
    width: 100%;
    
}

div#QRESinfobox2 div{
    box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, .2);
    display: inline-block;
    width: 100%;
    vertical-align:middle;
    border-radius: 50px;
    
}

div#QRESinfobox2 div.box{
    height: 150px;
    background-color:rgba(255, 196, 0, 0.521);

}

div#QRESinfobox2 div.box h2{
    text-align: center;
    font-size: 25px;
    border: 0px;
    padding: 0px;
    margin: 65px;
    color: rgb(0, 0, 0);   
    
}



div#QRESinfobox3{
    margin-top: 5%;
    width: 100%;
}

div#QRESinfobox3 div {
    margin: 20px;
    width: 47%;
    display: inline-block;
    font-family: Arial;
    font-size: 18px;
}
.QRESinfo3{
    background-color: rgb(255, 255, 255);
    height: 48px;
    text-align: justify;
    margin-top: 4px;
    margin-left: 73%;
    font-family: Arial;
    font-size: 18px;
}

.QRESinfo4{
    background-color: rgb(255, 255, 255);
    height: 48px;
    text-align: justify;
    margin-top: 4px;
    font-family: Arial;
    font-size: 18px;
}


.QRESinfo4 h4{
    margin-left: 52 0px;
}







/* Page QRES1pec  */


 
 
.head8{
    color: rgb(0, 0, 0);
    width: 80%;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    font-family: Baskerville Old Face;

}

div#QRES1pecbox1 {
    height: auto;
    width: auto;
    
}

.QRES1pecbox1 div{
    margin-top: 3%;
    display: inline-block;
}

.QRES1pec1 {
    width: auto;
    font-weight: bold;
    line-height: 35px;
    font-family: Arial;
    font-size: 16px;
    height: 135px;
    text-align: center;
}
.QRES1pec1 h2{
    margin-top: 7%;
}


.QRES1pec2{
    width: auto;
}
.QRES1pec2 h2{
    text-align: center;

}

.QRES1pec3 h3{ 
    width: auto;
    margin-left: 10%;
    margin-top: 4%;
    height: auto;
}
.QRES1pec3 div{
    display: inline-block;
}
.QRES1pec3 h3{
    width: auto;
    font-size: 24px;
    font-family: Arial;

   
}
.QRES1pec31{
    margin-left: 12%;
    width: auto;
    height: auto;
    font-size: 22px;
    font-family: Arial;
    line-height: 30px;
}

.QRES1pec4{
background-color: rgb(255, 255, 255);
height: 48px;
text-align: justify;
margin-top: 4px;
font-family: Arial;
font-size: 18px;
}

.QRES1pec4 h3{
margin-left: 5%;
}



/* Page RESbis */

.head8{
    color: rgb(0, 0, 0);
    width: 80%;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    font-family: Baskerville Old Face;
}

div#QRESbisinfobox1 {
    margin-top: 4%;
    width: auto;
    background-color: rgb(255, 255, 255);
    border-top-left-radius: 15px ;
    border-top-right-radius: 15px ;
}

div#QRESbisinfobox1 div {
    display: inline-block;
    font-family: Arial;
    font-size: 18px;
}

.QRESbisinfo1{
    width: auto;
    height: 48px;
    text-align: justify;
    margin-top: 4px; 
    margin-left: 100px;
    font-family: Arial;
    font-size: 18px;
}
div#QRESbisinfobox2 {
    margin-top: 4%;
    width: auto;
    
}

div#QRESbisinfobox2 div{
    box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, .2);
    display: inline-block;
    width: 100%;
    vertical-align:middle;
    border-radius: 50px;
    
}

.box{
    height: 150px;
    background-color:rgba(255, 196, 0, 0.521);

}

.box h2{
    text-align: center;
    font-size: 25px;
    border: 0px;
    padding: 0px;
    margin: 65px;
    color: rgb(0, 0, 0);   
    
}



div#QRESbisinfobox3{
    margin-top: 5%;
    width: 100%;
}

div#QRESbisinfobox3 div {
    margin: 20px;
    width: 47%;
    display: inline-block;
    font-family: Arial;
    font-size: 18px;
}
.QRESbisinfo3{
    background-color: rgb(255, 255, 255);
    height: 48px;
    text-align: justify;
    margin-top: 4px;
    margin-left: 73%;
    font-family: Arial;
    font-size: 18px;
}

.QRESbisinfo4{
    background-color: rgb(255, 255, 255);
    height: 48px;
    text-align: justify;
    margin-top: 4px;
    font-family: Arial;
    font-size: 18px;
}


.QRESbisinfo4 h4{
    margin-left: 520px;
}








/* Page QRESbis1pec  */




 
.head8{
    color: rgb(0, 0, 0);
    width: 80%;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    font-family: Baskerville Old Face;

}

div#QRESbis1pecbox1 {
    height: auto;
    width: auto;
    
}

.QRESbis1pecbox1 div{
    margin-top: 3%;
    display: inline-block;
}

.QRESbis1pec1 {
    width: auto;
    font-weight: bold;
    line-height: 35px;
    font-family: Arial;
    font-size: 16px;
    height: 135px;
    text-align: center;
}
.QRESbis1pec1 h2{
    margin-top: 7%;
}


.QRESbis1pec2{
    width: auto;
}
.QRESbis1pec2 h2{
    text-align: center;

}

.QRESbis1pec3 h3{ 
    width: auto;
    margin-left: 10%;
    margin-top: 4%;
    height: auto;
}
.QRESbis1pec3 div{
    display: inline-block;
}
.QRESbis1pec3 h3{
    width: auto;
    font-size: 24px;
    font-family: Arial;

   
}
.QRESbis1pec31{
    margin-left: 12%;
    width: auto;
    height: auto;
    font-size: 22px;
    font-family: Arial;
    line-height: 30px;
}

.QRESbis1pec4{
background-color: rgb(255, 255, 255);
height: 48px;
text-align: justify;
margin-top: 4px;
font-family: Arial;
font-size: 18px;
}

.QRESbis1pec4 h3{
margin-left: 5%;
}




/* Page QRESNon */


.head8{
    color: rgb(0, 0, 0);
    width: 80%;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    font-family: Baskerville Old Face;
}

div#QRESNonbox1 {
    margin-top: 4%;
    width: auto;
    background-color: rgb(255, 255, 255);
    border-top-left-radius: 15px ;
    border-top-right-radius: 15px ;
}

div#QRESNonbox1 div {
    display: inline-block;
    font-family: Arial;
    font-size: 18px;
}

.QRESNon1{
    width: auto;
    height: 48px;
    text-align: justify;
    margin-top: 4px; 
    margin-left: 100px;
    font-family: Arial;
    font-size: 18px;
}
div#QRESNonbox2 {
    margin-top: 4%;
    width: auto;
    
}

div#QRESNonbox2 div{
    box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, .2);
    display: inline-block;
    width: 100%;
    vertical-align:middle;
    border-radius: 50px;
    
}

.RESbox{
    height: 150px;
    background-color:rgba(255, 196, 0, 0.521);

}

.RESbox h2{
    text-align: center;
    font-size: 25px;
    border: 0px;
    padding: 0px;
    margin: 65px;
    color: rgb(0, 0, 0);   
    
}



div#QRESNonbox3{
    margin-top: 5%;
    width: 100%;
}

div#QRESNonbox3 div {
    margin: 20px;
    width: 47%;
    display: inline-block;
    font-family: Arial;
    font-size: 18px;
}
.QRESNon3{
    background-color: rgb(255, 255, 255);
    height: 48px;
    text-align: justify;
    margin-top: 4px;
    margin-left: 73%;
    font-family: Arial;
    font-size: 18px;
}

.QRESNon4{
    background-color: rgb(255, 255, 255);
    height: 48px;
    text-align: justify;
    margin-top: 4px;
    font-family: Arial;
    font-size: 18px;
}


.QRESNon4 h4{
    margin-left: 520px;
}









/* Page QRESbisNon */


.head8{
    color: rgb(0, 0, 0);
    width: 80%;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    font-family: Baskerville Old Face;
}



div#QRESbisNonbox1 {
    margin-top: 4%;
    margin-left: 5% ;
    margin-right: 5%;
    width: auto;
    border-top-left-radius: 15px ;
    border-top-right-radius: 15px ;
}

.QRESbisNonbox1 div {
    display: inline-block;
}


.QRESbisNon1{
    width: 100%;
    text-align: justify;
    margin-top: 4px;
    font-family: Arial;
    font-size: 18px;
}

.QRESbisNon2{
    
    background-color: rgb(255, 255, 255);
    height: 48px;
    text-align: justify;
    margin-top: 4px;
    font-family: Arial;
    font-size: 18px;
}


.QRESbisNon3{
    background-color: rgb(255, 255, 255);
    height: 48px;
    text-align: justify;
    margin-top: 4px;
    font-family: Arial;
    font-size: 18px;
}



div#QRESbisNonbox2{
    margin-top: 6%;
    width: 100%;
}

div#QRESbisNonbox2 div {
    margin: 20px;
    width: 47%;
    display: inline-block;
    font-family: Arial;
    font-size: 18px;
}
.QRESbisNon4{
    background-color: rgb(255, 255, 255);
    height: 48px;
    text-align: justify;
    margin-top: 4px;
    margin-left: 73%;
    font-family: Arial;
    font-size: 18px;
}

.QRESbisNon5{
    background-color: rgb(255, 255, 255);
    height: 48px;
    text-align: justify;
    margin-top: 4px;
    font-family: Arial;
    font-size: 18px;
}


.QRESbisNon5 h4{
    margin-left: 520px;
}